<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>


<meta name="keywords" content="my, sport, pals, madison, avenue, comunicazione, madisonav"/>
<meta name="description" content="MY SPORT PALS"/>
<meta name="generator" content="Madison Avenue Comunicazione - Madison Av. - www.madisonav.it"/>
<meta name="author" content="Madison Avenue Comunicazione - Madison Av. - www.madisonav.it"/>


<title>Help Me</title>


<link rel="shortcut icon" href="favicon.ico"/>

<style type="text/css">
body {
	background: url(webimages/sfondo.jpg);
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: #000000;
}


#main {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -380px;
}


#header {
	position: absolute;
	left: 22px; 
	top: 0px;
	background-image: url('webimages/headersmall.jpg');
	background-repeat: no-repeat;
	background-position: center;
	width: 716px;
	height: 140px;
}

#mainarea {
	height: 778px; 
	width: 714px; 
	position: absolute; 
	left: 23px; 
	top: 142px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #f5d000;
	text-align: justify;
}

a {
	color: #f1d009;
}

img {
	border-style: solid;
	border-width: thin;
	border-color: #f1d009;
}

h2 {
	font-size: 20pt; 
	color:#f5742e;
}


.hide {
	display: none;
}

.show {
	display: block;
}



</style>

</head>



<body>

<div id="main">
<a href="index.jsp"><span id="header"></span></a>


<div id="mainarea">


<h2>Where are your sport pals?<br/>
Where are the best areas in the city to practice sport?</h2>

<p>The site illustrates the areas where people practice sport. Areas are represented with a color-encoded heat map. Just enter the name of the city you are interested in, or click it on the map and visualize areas for running, cycling and walking activities. Zoom the map to explore details of the area.</p>

<table width="100%">
<tr style="font-size:20pt;"><td align="center">QUERY</td><td align="center">RESULT</td></tr>
<tr>
<td align="center"><img src="webimages/tab1.jpg" alt="query" /></td>  
<td align="center"><img src="webimages/tab2.jpg" alt="result" /></td>
</tr>
</table>

<p>This kind of data support many innovative applications. People in a city can decide where to go for practicing a given sport activity. Local government can inspect where citizens practice sports. For example, they can compare cycling activity with the areas where most bike lanes are deployed. </p>
     
<h2>How does it work?</h2>

<p>We started mysportpals in 2010 as a research project with the goal of creating new software tools to analyze large datasets of human mobility. 
Several sports tracking apps (e.g., <a href="http://www.sports-tracker.com">Nokia Sport Tracker</a>, <a href="http://www.everytrail.com">EveryTrail</a>, and and <a href="http://www.runkeeper.com">RunKeeper</a>) collect users' GPS tracks and store them in a training log. Tapping from this kind of data we run some sophisticated data mining algorithms to cluster together GPS traces to identify the most popular areas of the city for sport.</p>



<h2>Developer?</h2>

<p>Are you a developer interested in developing applications with our data?<br/>
Just download the txt file we used to generate our heat maps!</p>
<p>Files are in:</p>
<p><b>http://www.mysportpals.com/imgs/{city}__{state}__{activity}/100/{time}.txt</b></p>
<p><b>{city}</b> is the name of the city you are interested in (e.g., San Francisco)</p>
<p><b>{state}</b> is the two-letter code of the state (e.g., US)</p>
<p><b>{activity}</b> is either "cycling", "running" or "walking"</p>
<p><b>{time}</b> is the time of the day. It is either 0 (1am-7am), 1 (8am-1pm), 2 (2pm-5pm), 3 (6pm, 12am)</p>
<p>So for example,</p>
<p><a href="http://www.mysportpals.com/imgs/San Francisco__US__cycling/100/0.txt">http://www.mysportpals.com/imgs/San Francisco__US__cycling/100/0.txt</a></p>
<p>Gives you the file associated with cycling in San Francisco (US) from 1am to 7am.<br/>
Resulting file is just a list of longitude and latitude points. The higher the concentration of points, the more the activity of a given kind.</p>
<p><b>Please, tell us something about your project!</b></p>
<p><b><a href="mailto:mysportpals@gmail.com">mysportpals@gmail.com</a></b></p>

</div>


<div id="link" style="position: absolute; left: 22px; top: 1550px; width: 716px; height: 70px; border-style: none;">
<img alt="link" style="border-style: none;" src="webimages/linkhome.jpg" usemap="#link"/>
<p style="font-size: 5pt; line-height: 5px;"><br/></p>

<map id="linkmap" name="link">
  <area shape="rect" coords="5,35,138,60" alt="home"   onmouseover="document.getElementById('home').className = 'show'" />
  <area shape="rect" coords="150,35,280,60" alt="mail" onmouseover="document.getElementById('mail').className = 'show'" />
  <area shape="rect" coords="292,35,422,60" alt="facebook" onmouseover="document.getElementById('facebook').className = 'show'" />
  <area shape="rect" coords="434,35,564,60" alt="twitter" onmouseover="document.getElementById('twitter').className = 'show'" />
  <area shape="rect" coords="576,35,706,60" alt="linkedin" onmouseover="document.getElementById('linked').className = 'show'" />
</map>



<a href="index.jsp"><span id="home" class="hide" style="position: absolute; left: 3px; top: 30px; width: 140px; height: 35px; background-image: url('webimages/home.png'); background-repeat: no-repeat; background-position: center;" onmouseout="document.getElementById('home').className = 'hide'"></span></a>
<a target="_blank" href="mailto:mysportpals@gmail.com"><span id="mail" class="hide" style="position: absolute; left: 145px; top: 30px; width: 140px; height: 35px; background-image: url('webimages/mail.png'); background-repeat: no-repeat; background-position: center;" onmouseout="document.getElementById('mail').className = 'hide'"></span></a>
<a target="_blank" href="http://www.facebook.com/pages/MySportPals/104115753009469?v=wall"><span id="facebook" class="hide" style="position: absolute; left: 287px; top: 30px; width: 140px; height: 35px; background-image: url('webimages/facebook.png'); background-repeat: no-repeat; background-position: center;" onmouseout="document.getElementById('facebook').className = 'hide'"></span></a>
<a target="_blank" href="http://twitter.com/#!/mysportpals"><span id="twitter" class="hide" style="position: absolute; left: 429px; top: 30px; width: 140px; height: 35px; background-image: url('webimages/twitter.png'); background-repeat: no-repeat; background-position: center;" onmouseout="document.getElementById('twitter').className = 'hide'"></span></a>
<a target="_blank" href="http://www.linkedin.com/groups/mysportpals-3903938"><span id="linked" class="hide" style="position: absolute; left: 571px; top: 30px; width: 140px; height: 35px; background-image: url('webimages/linked.png'); background-repeat: no-repeat; background-position: center;" onmouseout="document.getElementById('linked').className = 'hide'"></span></a>

</div>

</div>

</body>
</html>